// 引入根组件的样式文件
// 为了区别js 文件和组件, react 项目项目中最高组件的后缀改写成jsx
import './App.css';

// 导入类组件
// import Father from './views/mycls/Father';
// 引入函数组件
// import MyFather from './views/myfun/Father';
// import Father from './views/mixcom/Father';
// import Mycls from './views/events/Mycls';
// import Mycls from './views/eventbindthis/Mycls';
// import Myfun from './views/events/Myfun';
// import Father from './views/state-view/Father';
// import Father from './views/updatestate-different/Father';
// import Father from './views/vituredom/Father';
// import Father from './views/slot-view/Father';
// import Promiseall from './views/promiseall-view/Promiseall';
// import Mycls from './views/proptypes-view/Mycls';
// import Father from './views/lifecycle/Father';
// import Father from './views/getderivedfromprops/Father';
// import Father from './views/shouldcomponentupdate/Father';
// import Father from './views/getsnapshotbeforeupdate/Father';
// import Father from './views/form1/Father';
// import Father from './views/form2/Father';
// import Father from './views/fathertoson/Father';
// import Father from './views/sontofather/Father';
// import Father from './views/kuajitongxin/Father';
// import Father from './views/brothertobrother/Father';
// import Father from './views/hoc/Father';
// import Father from './views/hoc-demo/Father';
// import Father from './views/store-view/Father';
// import Father from './views/store3-view/Father';
// import Father from './router-view2/Father';
// import Father from './my-router-view/Father';
// import Father from './css-in-js/Father';
// import Fatherdemo from './hooks-view/useeffect/Fatherdemo';
// import Father from './hooks-view/usecontext/Father';
// import Father from './hooks-view/redux-hook/Father';
import Father from './hooks-view/myhook/Father';

function App() {
  return (
    <div className="App">
      {/* 使用类组件 */}
      {/* <Father></Father> */}
      {/* 使用函数组件 */}
      {/* <MyFather></MyFather> */}
      <Father></Father>
    </div>
  );
}

export default App;